/*
 * @Author: xiaosihan 
 * @Date: 2024-01-20 07:08:48 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-03-17 17:40:55
 */


import { autorun } from "mobx";
import { ReactNode, useEffect, useRef, useState } from "react";
import styles from "./body.module.less";
import bg1PNG from "./bg1.png";
import State from "./State/State";
import Contor from "./Contor/Contor";
import ProjectName from "@views/home/ProjectName/ProjectName";

interface Iprops {
    children?: ReactNode
}

export default function Body(props: Iprops) {

    const dom = useRef<HTMLDivElement | null>(null);
    const [data, setData] = useState({});

    useEffect(() => {

    }, []);

    return (
        <div className={styles.body} >
            <img className={styles.decoration1} src={bg1PNG} alt="" />
            <img className={styles.decoration2} src={bg1PNG} alt="" />

            {/* 项目名称 */}
            <ProjectName />

            {/* 控制器 */}
            <Contor />

            {/* 状态说明 */}
            {/* <State /> */}

        </div>
    );

}